@import "compass/css3";
$white: #fff;
$wechatIcon: #5BCD5B;
$deepBlack: #000;

.nav{
  background: #F0F0F0;
}
.recharge{
  padding: 20px 25px;
  margin-top: 41px;
  .inner{
    background: $white;
    padding: 25px 28px;
    @include box-shadow(#D6D6D6 0 0 10px);
    .name{
      font-size: 20px;
      margin-bottom: 15px;
      .iconfont{
        color: $wechatIcon;
        font-size: 25px;
      }
    }
    .title{
      font-size: 20px;
      margin: 35px 0 0;
    }
    .count-input{
      position: relative;
      margin-bottom: 20px;
      .icon-rmb{
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 30px;
        z-index: 10;
        color: $deepBlack;
        font-weight: 700;
      }
      .el-input{
        border-bottom: 1px solid #363636;
        .el-input__inner{
          border: none;
          padding-left: 25px;
          font-size: 25px;
          color: $deepBlack;
          font-weight: 700;
        }
      }
    }
    .el-button{
      display: block;
      width: 60%;
      margin: 0 auto;
      background: $wechatIcon;
      color: $white;
      font-size: 21px;
    }
  }
}